/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: [
    './index.html',
    './src/**/*.{vue,js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      fontSize:{
        xs:['0.25rem','0.35rem'],
        sm:['0.35rem','0.45rem'],
        base:['0.45rem','0.55rem'],
        lg:['0.55rem','0.65rem'],
        xl:['0.65rem','0.75rem']
      },
      boxShadow:{
        "shadow-l":'-10px 0 10px white'
      },
      height:{
        header:'72px',
        main:'calc(100vh)',
      },
      colors:{
        main:'#F44c58',
        "hover-main":"$f32836"
      },
      'background-light': '#f8f9fa'
    },
  },
  plugins: [],
}
